<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="utf-8">
   <link rel="stylesheet" href="../../../vendor/bootstrap3/css/bootstrap.min.css"/>
   <link rel="stylesheet" href="http://cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css">
</head>
<body>
   <div ng-controller="signupController">
      <form name="signup_form" novalidateng-submit="signupForm()">
         <fieldset>
            <legend>Signup</legend>
            <button type="submit"
                    ng-disabled="signup_form.$invalid"
                    class="button radius">Submit</button>
         </fieldset>
         <div class="row">
            <div class="large-12 columns">
               <label>Your name</label>
               <input type="text"
                      placeholder="Name"
                      name="name"
                      ng-model="signup.name"
                      ng-minlength="3"
                      ng-maxlength="20" required ng-focus />
               <div class="error"
                    ng-show="signup_form.name.$dirty && signup_form.name.$invalid &&signup_form.submitted">
                  <small class="error"
                         ng-show="signup_form.name.$error.required">
                     Your name is required.
                  </small>
                  <small class="error"
                         ng-show="signup_form.name.$error.minlength">
                     Your name is required to be at least 3 characters
                  </small>
                  <small class="error"
                         ng-show="signup_form.name.$error.maxlength">
                     Your name cannot be longer than 20 characters
                  </small>
               </div>
            </div>
         </div>

         <div class="row">
            <div class="large-12 columns">
               <label>Your email</label>
               <input type="email"
                      placeholder="Email"
                      name="email"
                      ng-model="signup.email"
                      ng-minlength="3" ng-maxlength="20" required />
               <div class="error"
                    ng-show="signup_form.email.$dirty && signup_form.email.$invalid">
                  <small class="error"
                         ng-show="signup_form.email.$error.required">
                     Your email is required.
                  </small>
                  <small class="error"
                         ng-show="signup_form.email.$error.minlength">
                     Your email is required to be at least 3 characters
                  </small>
                  <small class="error"
                         ng-show="signup_form.email.$error.email">
                     That is not a valid email. Please input a valid email.
                  </small>
                  <small class="error"
                         ng-show="signup_form.email.$error.maxlength">
                     Your email cannot be longer than 20 characters
                  </small>
               </div>
            </div>
         </div>

      </form>

   </div>

   <script type="text/javascript" src="../../../vendor/angular/angularjs.js"></script>
   <script type="text/javascript" src="index.js"></script>
</body>

</html>